<template>
  <div class="about">
    <h1  @click="say">This is an about page</h1>
    <button @click="run">点击</button>
    <div ref="sdf">你好</div>
    <van-button type="primary" >重置</van-button>
    <!-- 一个ui组件库 的组件
    使用中考虑 1 属性哪些  事件（事件回调） 插槽 方法
    地址：
    https://vant-ui.github.io/vant/v2/#/zh-CN/form

      安装vantui 
      npm i vant@latest-v2 -S

      配置在main.js
      // 配置vantui 导入所有组件使用
        import Vant from 'vant';
        import 'vant/lib/index.css';
        Vue.use(Vant);
  -->
  </div>
</template>
<script>
import myTheme from '../Mixins/theme';
export default {
  mixins:[myTheme],
  beforeCreate() {
    
  },
  created() {
    
  },
  methods:{
    run(){
      // 当前组件树的根 Vue 实例
      // 获取到的是main.js的new Vue实例
      // 可以操作实例 数据 方法等
      this.$root.k="哈哈哈"
        console.log(this.$root)
      // this.$options 获取
      // vue2的选项式api vue3组合式api 
      // 用于当前 Vue 实例的初始化选项
      console.log(this.$options)

      // this.$isServer 当前 Vue 实例是否运行于服务器。
      console.log(this.$isServer)
    }
  },
  computed:{},
  watch:{},
  // 在捕获一个来自后代组件的错误时被调用
  errorCaptured: (err, vm, info) => {
      console.log(err)
      console.log(vm)
  }
}
</script>
